{% extends "configurarFaseLayout.html" %}
{% block subbodyfase %}
<script>
	function paginar(pagina){

		window.location.href="agregarIntegrante?pagina="+pagina+"&idproyecto="+ document.agregarIntegrante.idproyecto.value;

	}
	function enviar() {
		var lista = new Array();
		var valor;
		var con=0;

		if (document.agregarIntegrante.check.value != null && document.agregarIntegrante.check.checked) {
			valor = document.agregarIntegrante.check.value;

		} else {
			for (i = 0; i < document.agregarIntegrante.check.length; i++) {
				if (document.agregarIntegrante.check[i].checked) {
					lista[con] = document.agregarIntegrante.check[i].value;
					con=con+1;
				}
			}

		}
		if (valor != null){
			alert("Favor seleccione una cantidad par de usuarios de la lista. ");
			return false;
		}	
		if (valor == null && con >= document.agregarIntegrante.cant_comite.value){
			alert("El maximo numero de integrantes es: " + document.agregarIntegrante.cant_comite.value);
			return false;
		}
		if (valor == null && (con==0 || con % 2 != 0)) { //controlar que con no sea par
			alert("Favor seleccione una cantidad par de usuarios de la lista. ");
			return false;
		}
		document.agregarIntegrante.check.value=lista;
		return true;
	}
	
</script>

<center>
	<div class=titulorojo>AGREGAR INTEGRANTES AL COMITE</div>
	<br> <br>
	<form id="agregarIntegrante" name="agregarIntegrante" action="agregarIntegrante" method="post"
		onSubmit="return enviar();">
		<table>
			<input type="hidden" name="filtro" value="{{ filtro }}">
			<input type="hidden" name="idproyecto" value="{{ idproyecto }}">
			<tr>
				<td class=titulochico>Nombre</td>
				<td><input name="nombre" type="text" disabled="disabled" value="{{ comite.nombre }}"></td>
			</tr>
			<tr>
				<td class=titulochico>Cantidad de Integrantes</td>
				<td><input name="cant_comite" type="text" disabled="disabled"
					value="{{ comite.cant_comite }}"></td>
			</tr>
			</table>
<br>
		<div>
			<input name="primera" value="Primera" type="button" onClick="paginar({{ primera }})">
			{% if ant >= 1 %}			
			<input name="anterior" value="Anterior" type="button" onClick="paginar({{ ant }})">
			{% endif %}	
			{% if sig <= cantPaginas %}
			<input name="siguiente" value="Siguiente" type="button" onClick="paginar({{ sig }})">
			{% endif %}		
			<input name="ultima" value="Ultima" type="button" onClick="paginar({{ ultima }})">
		</div>
		<table id="usuarios" name="usuario" border=1 cellpadding=2
			cellspacing=1 width=60% align=center bgcolor=#E5E5E5>
			<tr>
				<th class=titulochico width='10%'>Nombre</th>
				<th class=titulochico width='30%'>Apellido</th>
				<th class=titulochico width='10%'>Marcar</th>
			</tr>
			{% for usuario in lista : %}
			<tr>
				<td align=center>{{ usuario.nombre }}</td>
				<td align=center>{{ usuario.apellido }}</td>
				<td align=center><input type="checkbox" name="check"
					value="{{ usuario.idusuario }}"></td>
			</tr>
			{% endfor %}
		</table>
		<br>
		<table>
		<tr>
				<td></td>
				<td><input name="aceptar" value="Aceptar" type="submit">
				<input name="cancelar" value="Cancelar" type="button"
					onClick="location.href='amComite?idproyecto={{ idproyecto }}'"></td>
			</tr>
		</table>
	</form>
</center>
{% endblock %}
